<!DOCTYPE html>
<html>
<head>
    <base target="_blank"/>
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <title>新闻列表</title>
    <link rel="stylesheet" href="../assets/weui.min.css"/>
    <script type="text/javascript" src="../assets/jquery.min.js"></script>
    <script type="text/javascript" src="../assets/news_list.js"></script>
    <style type="text/css">
        .weui-media-box__desc {
            -webkit-line-clamp: 3;
            font-size: 15px;
        }

        .readmore-link {
            font-weight: bold;
            color: #2f2f2f;
        }

        .img-gallery {
            margin-top: 10px;
        }

        .weui-uploader__file {
            width: 120px;
            height: 120px;
            max-width: 30%;
        }

        .weui-icon-cancel {
            color: #ffffff;
            font-size: xx-large;
        }
    </style>
</head>
<body>
<div class="container">
    <div class="weui-gallery" id="gallery">
        <span class="weui-gallery__img" id="galleryImg"></span>
        <div class="weui-gallery__opr">
            <a href="javascript:" class="weui-gallery__del">
                <i class="weui-icon-cancel weui-icon_gallery-delete"></i>
            </a>
        </div>
    </div>
    <div class="weui-panel__hd">新闻</div>
    <div class="weui-panel__bd">
    </div>
    <div class="weui-loadmore">
        <i class="weui-loading"></i>
        <span class="weui-loadmore__tips">正在加载</span>
    </div>
    <div class="weui-panel__ft" id="read-more">
        <a href="javascript:loadNews();" class="weui-cell weui-cell_access weui-cell_link">
            <div class="weui-cell__bd">查看更多</div>
            <span class="weui-cell__ft"></span>
        </a>
    </div>
</div>
<div id="tpl-example" style="display: none;">
    <div class="weui-media-box weui-media-box_text">
        <h4 class="weui-media-box__title"></h4>
        <p class="weui-media-box__desc"></p>
    </div>
    <div class="img-gallery">
        <div class="weui-cell__bd">
            <div class="weui-uploader">
                <div class="weui-uploader__bd">
                    <ul class="weui-uploader__files" id="weiboPics">
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="img-large-preview">
        <img src="" style="max-width: 100%;">
    </div>
    <div class="media-loading">
        <i class="weui-loading"></i>
        <span class="weui-loadmore__tips">正在加载</span>
    </div>
    <div class="media-play">
        <video width="320" height="240" controls="">
            <source src="" type="video/mp4">
        </video>
    </div>
</div>
</body>
<script type="text/javascript">
    init();
</script>
</html>